<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link th:include="inc_css.html">
</head>
<body>
<aside class="app-sidebar">
    <ul class="app-menu">
        <li><a class="app-menu__item" target="mainIframe" href="/operation/right" onclick="a('index')" id="index"><i
                class="app-menu__icon fa fa-home"></i><span class="app-menu__label">首页</span></a></li>
        <li><a class="app-menu__item" target="mainIframe" href="/operation/route" onclick="a('route')" id="route"><i
                class="app-menu__icon fa fa-share"></i><span class="app-menu__label">路由管理</span></a></li>
        <li><a class="app-menu__item" target="mainIframe" href="/operation/timer" onclick="a('timer')" id="timer"><i
                class="app-menu__icon fa fa-clock-o"></i><span class="app-menu__label">定时器管理</span></a></li>
        <!--<li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-edit"></i><span class="app-menu__label">Forms</span><i class="treeview-indicator fa fa-angle-right"></i></a>-->
        <!--<ul class="treeview-menu">-->
        <!--<li><a class="treeview-item" href="form-components.html"><i class="icon fa fa-circle-o"></i> Form Components</a></li>-->
        <!--<li><a class="treeview-item" href="form-custom.html"><i class="icon fa fa-circle-o"></i> Custom Components</a></li>-->
        <!--<li><a class="treeview-item" href="form-samples.html"><i class="icon fa fa-circle-o"></i> Form Samples</a></li>-->
        <!--<li><a class="treeview-item" href="form-notifications.html"><i class="icon fa fa-circle-o"></i> Form Notifications</a></li>-->
        <!--</ul>-->
        <!--</li>-->
        <!--<li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-th-list"></i><span class="app-menu__label">Tables</span><i class="treeview-indicator fa fa-angle-right"></i></a>-->
        <!--<ul class="treeview-menu">-->
        <!--<li><a class="treeview-item" href="table-basic.html"><i class="icon fa fa-circle-o"></i> Basic Tables</a></li>-->
        <!--<li><a class="treeview-item" href="table-data-table.html"><i class="icon fa fa-circle-o"></i> Data Tables</a></li>-->
        <!--</ul>-->
        <!--</li>-->
        <!--<li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-file-text"></i><span class="app-menu__label">Pages</span><i class="treeview-indicator fa fa-angle-right"></i></a>-->
        <!--<ul class="treeview-menu">-->
        <!--<li><a class="treeview-item" href="blank-page.html"><i class="icon fa fa-circle-o"></i> Blank Page</a></li>-->
        <!--<li><a class="treeview-item" href="page-login.html"><i class="icon fa fa-circle-o"></i> Login Page</a></li>-->
        <!--<li><a class="treeview-item" href="page-lockscreen.html"><i class="icon fa fa-circle-o"></i> Lockscreen Page</a></li>-->
        <!--<li><a class="treeview-item" href="page-user.html"><i class="icon fa fa-circle-o"></i> User Page</a></li>-->
        <!--<li><a class="treeview-item" href="page-invoice.html"><i class="icon fa fa-circle-o"></i> Invoice Page</a></li>-->
        <!--<li><a class="treeview-item" href="page-calendar.html"><i class="icon fa fa-circle-o"></i> Calendar Page</a></li>-->
        <!--<li><a class="treeview-item" href="page-mailbox.html"><i class="icon fa fa-circle-o"></i> Mailbox</a></li>-->
        <!--<li><a class="treeview-item" href="page-error.html"><i class="icon fa fa-circle-o"></i> Error Page</a></li>-->
        <!--</ul>-->
        <!--</li>-->
    </ul>
</aside>
<script src="/operation/js/popper.min.js"></script>
<script src="/operation/js/bootstrap.min.js"></script>
<script src="/operation/js/main.js"></script>
<!-- The javascript plugin to display page loading on top-->
<script src="/operation/js/plugins/pace.min.js"></script>
<script type="text/javascript" src="/operation/js/plugins/chart.js"></script>
<script>
    $(function () {
        $(".app-menu__item").removeClass('active');
        $("#index").addClass('active');
    })

    function a(a) {
        $(".app-menu__item").removeClass('active');
        $("#" + a).addClass('active');
    }

</script>
</body>
</html>